/*
 * 实验室管理系统一些公用样式
 */
* {
  margin: 0;padding: 0;
}

body {
  background: url('../img/loginBackground.png') no-repeat no-repeat;
  filter:"progid:DXImageTranform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-backgroud-size:100% 100%;
  background-size:100% 100%;
  background-attachment: fixed;
}

.clear {
  clear: both;
}

.homepageContainer {
  width: 100%;
  position: relative;
}

.homepageContainer .homeTitle {
  width: 30%;
  height: 60px;
  margin: 15px auto;
  text-align: center;
}

.homeTitle h1{
  font-size: 44px;
  color: #3F51B5;
}

.navBox {
  width: 90%;
  height: 40px;
  margin: 0 auto;
  background-image: linear-gradient(to right,#84A7BA,#3F51B5);
  border-radius: 8px;
}

.navBox ul {
  float: right;
  list-style: none;
  width: 40%;
  height: 40px;
  line-height: 40px;
}

.navBox ul li {
  float: left;
  margin-top: 2px;
  width: 20%;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.navBox ul li:hover {
  background-color: rgba(30,30,30,0.6);
  border-bottom: 2px solid #FF6666;
}

.liActive {
  background-color: rgba(30,30,30,0.6);
  border-bottom: 2px solid #FF6666;
}

.navBox ul li a {
  display: block;
  width: 100%;
  height: 36px;
  text-decoration: none;
  color: #fff;
}

.containerBox {
  position: relative;
  width: 90%;
  height: 740px;
  margin: 15px auto;
  background-color: rgba(255,255,255,0.5);
  border-radius: 20px;
}
